#buoy {

	width: 80px;
	position: fixed;
	top: 30%;
	right: 0;
	overflow: visible;
}

#buoy ul {
	overflow: visible;
}

#buoy ul li {
	display: block;
	width: 80px;
	height: 80px;
	overflow: visible;
	background: #d00040;
	color: #fff;
	text-align: center;
	font-size: 14px;
	transition: .3s;
	margin-bottom: 10px;
	padding-top: 12px;
	box-sizing: border-box;
	cursor: pointer;
}
#buoy li:hover {
	background: #ad0539;
}

#buoy .tel a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	position: relative;
}
#buoy .tel-box {
	width: 200px;
	position: absolute;
	bottom: 0;
	left: -205px;
	display: none;
	height: 80px;
	background: #d00040;
	font-size: 22px;
	line-height: 80px;
	letter-spacing: 1px;
	text-align: center;
}

#buoy .tel:hover .tel-box {
	display: block;
}


#buoy .gzh {
	position: relative;
}
#buoy .gzh:hover .gzh-box {
	display: block;
}

#buoy .gzh-box {
	display: none;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	width: 200px;
	height: 220px;
	
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: -205px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;
}
#buoy .gzh-box p {
	color: #000;
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.6;
}
#buoy .gzh-box img {
	width: 155px;
	height: 155px;
}



#buoy .wx {
	position: relative;
}
#buoy .wx:hover .wx-box {
	display: block;
}

#buoy .wx-box {
	display: none;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .2);
	width: 200px;
	height: 220px;
	
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: -205px;

	-webkit-transition: all .3s;

	-moz-transition: all .3s;

	-ms-transition: all .3s;

	-o-transition: all .3s;
}
#buoy .wx-box p {
	color: #000;
	margin-top: 8px;
	font-size: 14px;
	line-height: 1.6;
}
#buoy .wx-box img {
	margin-top: 15px;
	width: 125px;
	height: 125px;
	
}



#buoy .top {
	padding-top: 17px;
}